body {
  margin: 0;
  padding: 0;
  background-color: #f2f2f2;
}
// 头部
.header {
  width: 1200px;
  margin: 0 auto;
  padding: 0 60px;
  height: 50px;
  display: flex;
  background-color: #fff;
  align-items: center;
  justify-content: space-between;
  .userInfo {
    .img {
      width: 30px;
      height: 30px;
      border-radius: 15px;
      // background-color: blue;
      margin-right: 20px;
    }
    display: flex;
    align-items: center;
  }
}
.main {
  width: 1050px;
  margin: 55px auto 0;

  .nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    .nav-item {
      width: 180px;
      height: 65px;
      padding: 20px 30px;
      position: relative;
      img {
        position: absolute;
        left: 0;
        top: 0;
      }
    }
  }
  .content {
    width: 1050px;

    background-color: #fff;
    position: relative;
    .topList {
      position: absolute;
      height: 50px;
      line-height: 50px;
      right: 30px;
      display: flex;
      align-items: center;
      color: black;
      text-decoration: none;
    }
    .tab {
      height: 50px;
      line-height: 50px;
      display: flex;
      font-size: 16px;
      border-bottom: 1px solid rgb(230, 230, 230);
      > div {
        margin-left: 70px;
        cursor: pointer;
        &.active {
          color: #0099ff;
        }
      }
    }
    .tab-content {
      padding: 25px 75px;
      .content1 {
        color: white;
        .data-list {
          width: 920px;
          height: 170px;
          background-color: #0099ff;
          margin-bottom: 50px;
          padding: 20px 40px;
          > div {
            display: flex;
            justify-content: space-between;
            margin-bottom: 30px;
            span {
              font-size: 21px;
            }
            .study-state {
              height: 50px;
              width: 300px;
              background-color: #0066cc;
              padding: 13px 30px;
              display: flex;
              justify-content: space-between;
            }
            .study-num {
              display: flex;
              > div {
                margin-right: 80px;
                font-size: 13px;
                span {
                  font-size: 20px;
                }
              }
            }
            .study-day {
              display: flex;
              .day-item {
                margin-left: 5px;
                width: 38px;
                height: 38px;
                border-radius: 19px;
                background-color: red;
              }
            }
          }
        }
        .infor-list {
          width: 920px;
          color: black;
          > div {
            padding: 15px 20px;
            height: 50px;
            background-color: #f2f2f2;
            margin-bottom: 10px;
          }
          .head {
            display: flex;
            justify-content: space-between;
            align-items: center;
            span {
              font-size: 16px;
            }
            .dropdown {
              margin-right: 20px;
              .btn-secondary {
                width: 158px;
                background-color: #009933;
              }
              .dropdown-item {
                text-align: center;
              }
            }
          }
        }
      }
      .content2 {
        display: flex;
        margin-bottom: 50px;
        .left {
          width: 617px;
          .main2 {
            margin-top: 35px;
            list-style: none;
            li {
              margin-bottom: 30px;
            }
            button {
              width: 34px;
              height: 34px;
              border-radius: 17px;
              line-height: 12px;
            }
          }
          .button-box {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
          }
          .footer {
            height: 170px;
            border: 1px solid rgb(219, 219, 219);
            padding: 30px;
            p {
              margin-top: 20px;
            }
          }
          .footer1 {
            // height: 170px;
            border: 1px solid rgb(219, 219, 219);
            padding: 30px;
            .aaa {
              display: flex;
              justify-content: space-between;
              button {
                margin-top: -15px;
              }
            }
            p {
              margin-top: 20px;
            }
          }
        }
        .right {
          width: 280px;
          height: 480px;
          border: 1px solid rgb(219, 219, 219);
          margin-left: 10px;
          position: relative;
          p {
            padding: 0 20px;
            line-height: 50px;
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid rgb(219, 219, 219);
          }
          .button-box {
            padding: 0 4px;
            button {
              width: 50px;
              height: 50px;
              margin-bottom: 5px;
            }
          }
          .check {
            width: 240px;
            padding: 0 20px;
            position: absolute;
            bottom: 0;
            line-height: 50px;
            display: flex;
            justify-content: space-between;
            > div {
              height: 30px;

              display: flex;
              align-items: center;
              .custom-control-input {
                width: 100px;
              }
            }
          }
        }
      }
    }
  }
}
.topList-model {
  padding: 0 20px;
  background-color: rgb(228, 228, 228);
  // height: 50px;
  line-height: 50px;
  text-align: center;
  img {
    width: 30px;
    height: 30px;
    background-color: yellow;
    border-radius: 15px;
  }
}
.list-model {
  background-color: #fff;
}

#settingModel {
  table {
    width: auto;
  }
  .setting-imgbox {
    display: flex;
    align-items: center;
    .img-user-setting {
      width: 80px;
      height: 80px;
    }
    #upImg {
      border: 0;
      width: 80px;
      height: 80px;
      background: url(../img/home/setting-upimg.png) no-repeat;
    }
  }
  .setting-sex {
    input {
      margin-right: 50px;
    }
  }
}
